<template>
  <!-- 语言选择 -->
  <el-dropdown trigger="click">
    <div class="flex-y-center mr-30 pointer">
      <div class="header-language_icon">
        <img src="@/assets/img/lage_Chinese.png" />
      </div>
      <div class="header-language_name ml-sm mr-sm">中文</div>
      <div class="header-down">
        <img src="@/assets/img/header-arrow_down_fill.png" />
      </div>
    </div>
    <template #dropdown>
      <el-dropdown-menu>
        <el-dropdown-item :command="0">
          <div class="header-language_icon">
            <img src="@/assets/img/lage_Chinese.png" />
          </div>
          <div class="header-language_name ml-sm mr-sm">中文</div>
        </el-dropdown-item>
        <el-dropdown-item :command="1">
          <div class="header-language_icon">
            <img src="@/assets/img/lage_English.png" />
          </div>
          <div class="header-language_name ml-sm mr-sm">English</div>
        </el-dropdown-item>
        <el-dropdown-item :command="2">
          <div class="header-language_icon">
            <img src="@/assets/img/lage_1=2.png" />
          </div>
          <div class="header-language_name ml-sm mr-sm">ᠮᠤᠩᠭᠤᠯ ᠬᠡᠯᠡ</div>
        </el-dropdown-item>
      </el-dropdown-menu>
    </template>
  </el-dropdown>
</template>
<style lang="less" scoped>
.header-language_icon {
  width: 20px;
  height: 20px;
}
.header-language_name {
  color: #676767;
  font-size: 14px;
}
.header-down {
  width: 16px;
  height: 16px;
}
</style>